<template>
	<div style="padding-top:50px;">
		<TopWithBack></TopWithBack>
    <div class="personal_information_header">
        <div class="pi_l">当前头像</div>
        <div class="p_i_user_box">
              <div class="personal_information_user"><img :src="member_info.picurl"></div>
        </div>
        <div class="p_i_user_box_go">
            <img src="./../../assets/images/go.png" alt="">
        </div>
    </div>
    <router-link to="/upnickname" style="color:#333">
      <div class="personal_information_nickname">
            <div class="p_i_nickname_l">当前昵称</div>
            <div class="p_i_nickname_r">{{member_info.nickname}}</div>
            <div class="p_i_user_box_go">
                <img src="./../../assets/images/go.png" alt="">
            </div>
      </div>
    </router-link>
    <router-link to="/uptel" style="color:#333">
      <div class="personal_information_nickname">
          <div class="p_i_nickname_l">联系电话</div>
          <div class="p_i_nickname_r" style="color: #26bcff">{{member_info.phone}}</div>
           <div class="p_i_user_box_go">
              <img src="./../../assets/images/go.png" alt="">
          </div>
      </div>
    </router-link>
    <div class="index_divide"></div>
    <router-link to="/uppassword" style="color:#333">
      <div class="personal_information_nickname">
          <div class="p_i_nickname_l">登陆密码</div>
          <div class="p_i_nickname_r" style="color: #26bcff">修改</div>
          <div class="p_i_user_box_go">
              <img src="./../../assets/images/go.png" alt="">
          </div>
      </div>
    </router-link>
     <div class="index_divide"></div>
  </div>
</template>
<script>
import TopWithBack  from './../common/TopWithBack.vue'
import { getInfo } from '@/api/login'
export default{
  name: 'MyInfo',
   data(){
    return{
        member_info:'',//个人信息
        amount_info:'',//账户信息
        datalist:''//全部信息
    }
  },
  methods:{
      loadInfoMessage(){
        getInfo().then(response=>{
            this.member_info = response.data.member_info
            this.amount_info = response.data.amount_info
            this.datalist = response.data
        })
      },//获取个人信息
  },    
  components:{
  	TopWithBack,
  },
  created(){
    this.loadInfoMessage()
  },
}
</script>
<style>

</style>



